<template>
	<div class="foot">
		<!-- top -->
		<div class="foot-top">
			<div class="foot-top-left">
				<img src="../assets/index/logo1.png" alt="" />
			</div>
			<div class="foot-top-right">
				<div class="foot-top-right-i">
					<span>主办单位：山东省地质矿产勘查开发局</span>
					<div style="width: 1rem;"></div>
					<span>地址：中国山东省济南市历山路74号</span>
					<div style="width: 1rem;"></div>
					<span>备案号：鲁ICP备05051451</span>
				</div>
				<div class="foot-top-right-is">
					<span>电话：0531-86403666</span>
					<div style="width: 1rem;"></div>
					<span>传真：0531-86955133</span>
					<div style="width: 1rem;"></div>
					<span>邮编：250013</span>
					<div style="width: 1rem;"></div>
					<span>网站识别码：3700000006</span>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
import { footer } from '../api/api.js';
// let imgurl = "http://117.73.254.217:2221/resources";
export default {
	name: 'Footer',
	data() {
		return {
			address: '',
			email: '',
			microblog: '',
			mobile: '',
			wechat: '',
			author: ''
		};
	},
	created() {
		// this.footer();
	},
	methods: {
		footer() {
			let formData = new FormData();
			this.tokes = sessionStorage.getItem('token');
			formData.append('token', this.tokes);
			formData.append('new_psaaword', this.ruleForm.newpsaawords);
			footer(formData).then(res => {
				this.address = res.address;
				this.email = res.email;
				// this.microblog = imgurl + res.microblog;
				this.mobile = res.mobile;
				// this.wechat = imgurl + res.wechat;
				this.author = res.author;
			});
		}
	}
};
</script>

<style lang="scss" scoped>
.foot {
	width: 100%;
	padding: 1rem 0;
	background: #000000;
	.foot-top{
		display: flex;
		justify-content: center;
		align-items: center;
		.foot-top-left{
			img{
				height: 5rem;
				padding-right: 15rem;
				margin-top: 2.3rem;
			}
		}
		.foot-top-right{
			color: #FFFFFF;
			.foot-top-right-i{
				display: flex;
				height: 2rem;
			}
			.foot-top-right-is{
				display: flex;
				justify-content: center;
				align-items: center;
			}
		}
	}
}
</style>
